<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .one{
            width: 120px;
            height: 30px;
            position: relative;

        }
        input{display: block;
            border: none;
            outline: none;
            background-color: powderblue;
            width: 120px;
            height: 30px;
            border-radius:15px;
            font-size: 14px;
            text-indent: 20px;
        }
        a{width: 20px;
            height: 20px;
            background: url("images/search.png") no-repeat;
            background-size: 100% 100%;
            position: absolute;
            display: block;
            top: 6px;right:6px;

        }
    </style>
</head>
<body>
<div class="one">
    <input type="text" placeholder="搜索">
    <a href=""></a>
</div>
</body>
</html>